<!--
 * @FileDescription: 404页面
 * @Author: 刘轩毓
 * @Date: 2025.2.11
-->
<template>
  <div class="relative h-full w-full">
    <div
      class="absolute top-40 left-1/2 transform -translate-x-1/2 -translate-y-1/6"
    >
      <div class="wscn-http404">
        <div class="pic-404">
          <img class="pic-404__parent" src="./imgs/404.png" alt="404" />
        </div>
        <div class="bullshit">
          <div class="bullshit__oops">努力更新中，敬请期待...</div>
          <!-- <div class="bullshit__headline">{{ message }}</div>-->
          <div class="bullshit__info">您可以点击下面按钮返回</div>
          <div @click="handleBack" class="bullshit__return-home">返回</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup name="notFonund">
  import { useRouter } from 'vue-router';

  // 定义变量内容
  const router = useRouter();

  const handleBack = () => {
    router.push('/');
  };
</script>

<style lang="scss" scoped>
  @use './error.scss';
</style>
